<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup : Activities</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/theme-new.less">
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>

</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class="active"><a
                            href="activities.html" class="activities">
                                <img src="./images/spacer-54.png">
                                Get Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class=""><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div id="quest-box" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a
                href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#"
                style="float: right"> <img
                src="./images/icon-help-sm.png" width="20"
                align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>

        <div style="clear: both"></div>

        <ul id="quest-list">
            <li><a href="javascript:void(0)" id="get-social"
                class="quest-title "> Get social </a></li>

            <li><a href="javascript:void(0)"
                id="get-fully-committed-badge" class="quest-title ">
                    Get the Fully Committed badge </a></li>

            <li><a href="javascript:void(0)"
                id="check-lounge-energy-use" class="quest-title ">
                    Check lounge energy use </a></li>
        </ul>
    </div>
    <p></p>
     
    <!-- NOT CAM STUFF :) -->
    <!-- NOT CAM STUFF :) -->
    <!-- NOT CAM STUFF :) -->
    <!-- NOT CAM STUFF :) -->
 
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span4">
          <div class="widget">
            <div class="widget-title">
                Upcoming Events (Next 7 days) <a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                    style="float: right"> <img
                    src="./images/icon-help-sm.png"
                    width="20" align="center"
                    title="Click to get help about this window"
                    onclick="toggleHelp(&#39;widget&#39;, &#39;upcoming-events&#39;); return false;"></a>
            </div>
            <div class="row">
              <table>
                <thead>
                  <tr>
                    <th>Event</th>
                    <th>Date</th>
                    <th>Location</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>No upcoming events</td>
                  </tr>
                </tbody>
              </table>
              <p></p>
              <form id="event-code-form"
                  action="http://dasha.ics.hawaii.edu:8200/activities/attend_code/"
                  method="post">
                <div style="display: none">
                  <input type="hidden"
                      name="csrfmiddlewaretoken"
                      value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <div id="event-code">
                  <b>Enter Attendance Code:</b> <input
                      id="id_response" type="text"
                      name="response" size="12">
                  <button id="event-code-submit">Submit</button>
                </div>
                <br>
                <div id="social_email"
                    style="display: None;">
                    Optional Social Bonus Email: <input
                        id="id_social_email"
                        type="text"
                        name="social_email"
                        value="Email" size="15">
                </div>
              </form>
            </div>
          </div>

          <div class="widget">
            <div class="widget-title">
                Overall Scoreboard <a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                    style="float: right"> <img
                    src="./images/icon-help-sm.png"
                    width="20" align="center"
                    title="Click to get help about this window"
                    onclick="toggleHelp(&#39;widget&#39;, &#39;points-scoreboard&#39;); return false;"></a>
            </div>
            <div id="activity-scoreboard-content" style="position: relative; height: 253px;">
              <table
                  id="activities-scoreboard-table-floor"
                  style="width: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; opacity: 0; display: none;">
                <thead>
                    <tr>
                        <th style="width: 20px">Rank</th>
                        <th style="width: 150px">Lounge</th>
                        <th
                            style="text-align: right;">Overall</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                      <td>1</td>
                      <td
                          style="width: 150px; font-weight: bold">Ilima:
                          Lounge E</td>
                      <td
                          style="width: 110px; text-align: right; font-weight: bold">
                          1338</td>
                  </tr>
                  <tr>
                      <td>2</td>
                      <td style="width: 150px;">Mokihana:
                          Lounge E</td>
                      <td
                          style="width: 110px; text-align: right;">1295</td>
                  </tr>
                  <tr>
                      <td>3</td>
                      <td style="width: 150px;">Lehua:
                          Lounge A</td>
                      <td
                          style="width: 110px; text-align: right;">1285</td>
                  </tr>
                  <tr>
                      <td>4</td>
                      <td style="width: 150px;">Lokelani:
                          Lounge E</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>5</td>
                      <td style="width: 150px;">Lokelani:
                          Lounge D</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>6</td>
                      <td style="width: 150px;">Lokelani:
                          Lounge C</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>7</td>
                      <td style="width: 150px;">Lokelani:
                          Lounge B</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>8</td>
                      <td style="width: 150px;">Lokelani:
                          Lounge A</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>9</td>
                      <td style="width: 150px;">Mokihana:
                          Lounge D</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                  <tr>
                      <td>10</td>
                      <td style="width: 150px;">Mokihana:
                          Lounge C</td>
                      <td
                          style="width: 110px; text-align: right;">1250</td>
                  </tr>
                </tbody>
              </table>

              <table
                  id="activities-scoreboard-table-profile"
                  style="position: absolute; z-index: 5; top: 0px; left: 0px; display: block; width: 342px; height: 253px; opacity: 1;">
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Individual</th>
                        <th
                            style="text-align: right">Overall</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                      <td>1</td>
                      <td
                          style="width: 150px; font-weight: bold">&lt;george&gt;
                      </td>
                      <td
                          style="width: 110px; text-align: right; font-weight: bold">
                          88</td>
                  </tr>
                  <tr>
                      <td>2</td>
                      <td style="width: 150px;">Robertinator</td>
                      <td
                          style="width: 110px; text-align: right;">45</td>
                  </tr>
                  <tr>
                      <td>3</td>
                      <td style="width: 150px;">Yongwen
                          X.</td>
                      <td
                          style="width: 110px; text-align: right;">35</td>
                  </tr>
                  <tr>
                      <td>4</td>
                      <td style="width: 150px;">user1-474</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>5</td>
                      <td style="width: 150px;">user1-475</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>6</td>
                      <td style="width: 150px;">user1-476</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>7</td>
                      <td style="width: 150px;">user1-477</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>8</td>
                      <td style="width: 150px;">user1-478</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>9</td>
                      <td style="width: 150px;">user1-479</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>10</td>
                      <td style="width: 150px;">user1-480</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                </tbody>
              </table>

              <table
                  id="activities-scoreboard-table-floor-profile"
                  style="width: 100%; top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none;">
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Individual</th>
                        <th
                            style="text-align: right">Ilima:
                            Lounge E</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                      <td>1</td>
                      <td
                          style="width: 150px; font-weight: bold">&lt;george&gt;
                      </td>
                      <td
                          style="width: 110px; text-align: right; font-weight: bold">
                          88</td>
                  </tr>
                  <tr>
                      <td>2</td>
                      <td style="width: 150px;">user1-489</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>3</td>
                      <td style="width: 150px;">user1-469</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>4</td>
                      <td style="width: 150px;">user1-449</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>5</td>
                      <td style="width: 150px;">user1-389</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>6</td>
                      <td style="width: 150px;">user1-409</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>7</td>
                      <td style="width: 150px;">user1-429</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>8</td>
                      <td style="width: 150px;">user1-369</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>9</td>
                      <td style="width: 150px;">user1-349</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                  <tr>
                      <td>10</td>
                      <td style="width: 150px;">user1-329</td>
                      <td
                          style="width: 110px; text-align: right;">25</td>
                  </tr>
                </tbody>
              </table>

              <table
                  id="activities-scoreboard-table-profile"
                  style="width: 100%; top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none;">
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th></th>
                        <th
                            style="text-align: right">Participation</th>
                    </tr>
                </thead>
                <tbody>

                  <tr>
                      <td>1</td>
                      <td
                          style="width: 150px; font-weight: bold">Ilima:
                          Lounge E</td>
                      <td
                          style="width: 110px; text-align: right; font-weight: bold">
                          1%</td>

                  </tr>
                </tbody>
              </table>
            </div>
            <div id="scoreboard-cycle-nav">
                <a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                    class="">1</a><a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                    class="activeSlide">2</a><a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#">3</a><a
                    href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#">4</a>
            </div>
          </div>
        </div>
          
        <div class="span8">
          <div class="widget">
            <div class="widget-title">
              The Smart Grid Game <a
                  href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                  style="float: right"> <img
                  src="./images/icon-help-sm.png"
                  width="20" align="center"
                  title="Click to get help about this window"
                  onclick="toggleHelp(&#39;widget&#39;, &#39;smart-grid-game&#39;); return false;"></a>
            </div>
            <div class="row centered">
              <table class="gridTable">
                <tbody>
                  <tr>
                    <!-- Start header -->
                    <td>
                      <div class="get-started">
                        <p></p>
                        <h5>Get
                            Started</h5>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <p></p>
                        <h5>Basic
                            Energy</h5>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <p></p>
                        <h5>Lights
                            Out!</h5>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <div class="">
                          <p></p>
                          <h5>Make
                              Watts</h5>
                        </div>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <div class="">
                          <p></p>
                          <h5>Moving
                              on</h5>
                        </div>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <p></p>
                            <h5>Opala</h5>
                      </div>
                    </td>
                    <td>
                      <div class="get-started">
                        <p></p>
                        <h5>Wet
                            & Wild</h5>
                        
                      </div>
                    </td>
                    <td>                                        
                      <div class="get-started">
                        <div class="">
                            <p></p>
                            <h5>Mixed
                                Bag</h5>
                        </div>
                      </div>
                    </td>

                    <td>
                      <div class="get-started">
                        <div class="">
                            <p></p>
                            <h5>Creative</h5>
                        </div>
                      </div>
                    </td>

                  </tr>
                  <!-- End header -->
                  <tr>
                    <!-- ROW 1 -->
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/intro-video/"
                                    title="Intro video">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Intro
                                    video
                                </a>
                              </div>  
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/cup-secrets/"
                                    title="Cup Secrets">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Cup
                                    Secrets
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/like-cup/"
                                    title="Like Cup">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/tweet-link/"
                                    title="Tweet link">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/share-link/"
                                    title="Share link">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/door-art/"
                                    title="Door Art">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/photo-chain/"
                                    title="Photo Chain">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/kickoff-party/"
                                    title="Kickoff Party">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                      <a
                                          href="http://dasha.ics.hawaii.edu:8200/activities/event/round-1-party/"
                                          title="Round 1 Party">
                                          <img
                                          src="./images/icon-exclamation2.png"
                                          width="12"
                                          align="left">
                                          <br>
                                          Round
                                          1
                                          Party
                                      </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/round-2-party/"
                                    title="Round 2 Party">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-1/"
                                    title="Cafe Play 1">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                   
                    <!-- ROW 2 -->
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
						        <a
                                  href="http://dasha.ics.hawaii.edu:8200/activities/activity/power-energy/"
                                  title="Power &amp; Energy">
                                  <img
                                  src="./images/icon-done.png"
                                  width="12"
                                  align="left">
                                  <br>
                                  Power
                                  &amp;
                                  Energy
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-intuition/"
                                    title="Energy Intuition">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Energy
                                    Intuition
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/power-energy-2/"
                                    title="Power &amp; Energy 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-intuition-2/"
                                    title="Energy Intuition 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires/"
                                    title="Turn off vampires">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/off-b4-bed/"
                                    title="Off b4 bed">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/limit-tv/" title="Limit TV">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/check-energy/"
                                    title="Check energy">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/audit-video/"
                                    title="Audit Video">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Audit
                                    Video
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>                                
                              <div class="activity">
                                <a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/audit-room/"
                                    title="Audit Room">
                                    <br>
                                    <h3>30</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a
                                    class="whatever"
                                    href="javascript:void(0);">
                                    <img
                                    src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;power-hogs&#39;, &#39;Complete room energy audit activity&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    
                    <!-- ROW 3 --> 
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/lighting-video/"
                                    title="Lighting video">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Lighting
                                    video
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/lighting-video-2/"
                                    title="Lighting video 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/cfl-bulb/"
                                    title="CFL swap">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                                
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-lights/"
                                    title="Turn off lights">
                                    <img
                                    src="./images/icon-exclamation2.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Turn
                                    off
                                    lights
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/task-lighting/"
                                    title="Task lighting">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/use-sunlight/"
                                    title="Use sunlight">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/printer-off/"
                                    title="Printer off">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/go-unplugged/"
                                    title="Pull the plug">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-music/"
                                    title="Turn Off Music">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/energy-hunt/"
                                    title="Energy Hunt">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a class="whatever"
                                    href="javascript:void(0);">
                                    <img
                                    src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;room-energy&#39;,&#39;Complete room energy audit activity&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
					
                    <!--ROW 4 -->
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-1/"
                                    title="Energy Issues">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Energy Issues
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-2/"
                                    title="Energy Now">
                                    <img src="./images/icon-done.png" width="12" align="left">
                                    <br>
                                    Energy Now
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-3/"
                                    title="HCEI">
                                    <img src="./images/icon-done.png" width="12" align="left">
                                    <br>
                                    HCEI
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a class="whatever" href="javascript:void(0);">
                                    <img
                                    src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;energy-gen-4&#39;,
                                    &#39;Complete HCEI video activity, and wait for unlock in later round&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-1-2/"
                                    title="Energy Issues 2">
                                    <img
                                    src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Energy Issues 2
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-2-2/"
                                    title="Energy Now 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-3-2/"
                                    title="HCEI 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-4-2/"
                                    title="Energy Debate 2">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/solar-energy/"
                                    title="Solar Energy">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a class="whatever" href="javascript:void(0);">
                                    <img
                                    src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;solar-energy-2&#39;,
                                    &#39;Complete Solar Energy video activity, and wait for Overall Round&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="excursion">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/excursion/wind-farm/"
                                  title="Wind Farm">
                                  <br>
                                  <h3>30</h3>
                              </a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
					
                    <!-- ROW 5 -->
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/transport-video/"
                                    title="Transport Video">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a class="whatever" href="javascript:void(0);">
                                    <img
                                    src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;transport-video-2&#39;,
                                    &#39;Complete Transport video activity&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/use-stairs/"
                                    title="Use stairs">
                                    <img
                                    src="./images/icon-exclamation2.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Use stairs
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/car-pool/"
                                    title="Car pool">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/take-bus/"
                                    title="Take bus">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/walk/"
                                    title="Walk &lt; 1 mi">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/design-flashmob/"
                                    title="Design Flashmob">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/pedalpalooza/"
                                    title="Pedal palooza">
                                    <img src="./images/icon-done.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Pedal palooza
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-2/"
                                    title="Cafe Play 2">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-3/"
                                    title="Cafe Play 3">
                                    <img src="./images/icon-exclamation2.png" width="12" align="left">
                                    <br>
                                    Cafe Play 3
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/computer-sleep/"
                                    title="Computer Sleep">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>

					<!-- ROW 6 -->
                    <td>
                      <table>
                        <tbody>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/trash-video/"
                                    title="Trash video">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <br>
                                <a class="whatever" href="javascript:void(0);">
                                    <img src="./activities_files/lock24.png"
                                    width="22"
                                    align="top"
                                    title="Click to see how to unlock"
                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;trash-video-2&#39;,
                                    &#39;Complete Trash is Treasure video activity, and wait for Overall Round&#39;)">
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/recycle-cans/"
                                    title="Recycle cans">
                                    <img src="./images/icon-exclamation2.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Recycle cans
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="commitment">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/resuable-bag/"
                                    title="Resuable bag">
                                    <br>
                                    <h3>5</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="activity">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/geo-trek/"
                                    title="Geo Trek">
                                    <br>
                                    <h3>15</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/movie-night/"
                                    title="Movie Night">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/recycled-fashion/"
                                    title="Recycled Fashion">
                                    <br>
                                    <h3>20</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="excursion">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/excursion/beach-cleanup/"
                                    title="Beach Cleanup">
                                    <br>
                                    <h3>30</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="excursion">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/excursion/kokua-market/"
                                    title="Kokua Market">
                                    <br>
                                    <h3>25</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td> 
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-4/"
                                    title="Cafe Play 4">
                                    <br>
                                    <h3>10</h3>
                                </a>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="event">
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/event/food-day/"
                                    title="Food Day">
                                    <img src="./images/icon-exclamation2.png"
                                    width="12"
                                    align="left">
                                    <br>
                                    Food Day
                                </a>
                              </div>
                            </td>
                          </tr>
                      </tbody>
                    </table>
                  </td>

                  <!-- ROW 7 -->
                  <td>
                    <table>
                      <tbody>
                        <tr>
                          <td> 
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img src="./activities_files/lock24.png"
                                  width="22"
                                  align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;water-energy&#39;,
                                  &#39;Complete Energy Intuition video activity, and wait for Round 2 to start&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img
                                  src="./activities_files/lock24.png"
                                  width="22"
                                  align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;water-energy-2&#39;,
                                  &#39;Complete Water &amp; Energy video activity&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-water/"
                                  title="Turn off sink">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-shower/"
                                  title="Turn off shower">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/full-load-laundry/"
                                  title="Full load laundry">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/cold-laundry/"
                                  title="Cold laundry">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/reduce-shower-time/"
                                  title="Shorter showers">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/shower-flow/"
                                  title="Shower flow">
                                  <br>
                                  <h3>15</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/sink-flow/"
                                  title="Sink Flow">
                                  <br>
                                  <h3>15</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="event">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/event/efficient-networking/"
                                  title="Your Future">
                                  <br>
                                  <h3>20</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img src="./activities_files/lock24.png"
                                  width="22"
                                  align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-4&#39;,
                                  &#39;This square cannot be unlocked (for now)&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>

                  <!-- ROW 8 -->
                  <td>
                    <table>
                      <tbody>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/climate-change/"
                                  title="Climate change">
                                  <br>
                                  <h3>10</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img src="./activities_files/lock24.png" width="22" align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;climate-change-2&#39;,
                                  &#39;Complete Climate Change video activity, and wait for Round 2&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="commitment">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/no-meat/"
                                  title="Go meatless">
                                  <br>
                                  <h3>5</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="event">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/event/chillaxation/"
                                  title="Chill axation">
                                  <br>
                                  <h3>20</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="event">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/event/low-energy-eating/"
                                  title="Eating Well">
                                  <img src="./images/icon-exclamation2.png" width="12" align="left">
                                  <br>
                                  Eating Well
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="event">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/event/organic-farming/"
                                  title="Organic Farming">
                                  <br>
                                  <h3>20</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="excursion">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/excursion/reppun-farm/"
                                  title="Reppun Farm">
                                  <br>
                                  <h3>30</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="event">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/event/art-music/"
                                  title="Art &amp; Music">
                                  <br>
                                  <h3>20</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/no-impact-date/"
                                  title="Impactless Date">
                                  <br>
                                  <h3>10</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/otec-video/"
                                  title="OTEC video">
                                  <br>
                                  <h3>10</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img src="./activities_files/lock24.png" width="22" align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-5&#39;,
                                  &#39;This square cannot be unlocked (for now)&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
				  
                  <!-- ROW 9 WHOOOOOOOOOOOOOOOOO Go Dodgers! -->
                  <td>
                    <table>
                      <tbody>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/write-poem/"
                                  title="Write Poem">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/letter-editor/"
                                  title="Letter to Editor">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/make-video/"
                                  title="Make Video">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/write-song/"
                                  title="Write Song">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/interview/"
                                  title="Interview">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/photo-blog/"
                                  title="Photo Blog">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/make-art/"
                                  title="Make Art">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/design-tshirt/"
                                  title="Design Tshirt">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/wildcard/"
                                  title="Wildcard">
                                  <br>
                                  <h3>50</h3>
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                  <img src="./activities_files/lock24.png" width="22" align="top"
                                  title="Click to see how to unlock"
                                  onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-6&#39;,
                                  &#39;This square cannot be unlocked (for now)&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <div class="activity">
                              <br>
                              <a class="whatever" href="javascript:void(0);">
                                <img src="./activities_files/lock24.png" width="22" align="top"
                                title="Click to see how to unlock"
                                onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-7&#39;,
                                &#39;This square cannot be unlocked (for now)&#39;)">
                              </a>
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>

                </tbody>
              </table>

              <p></p>
              <div class="row">
                <table id="legendlist">
                    <tbody>
                        <tr>
                            <td colspan="10"><b>Legend:</b></td>
                        </tr>
                        <tr>
                           <td width="80">activity</td>
                           <td><div class="activity-legend"></div></td>
                        </tr>
                        <tr>
                           <td>commitment</td>
                           <td><div class="commitment-legend"></div></td>
                        </tr>
                        <tr>
                           <td>event</td>
                           <td><div class="event-legend"></div></td>
                        </tr>
                        <tr>
                           <td>excursion</td>
                           <td><div class="excursion-legend"></div></td>
                        </tr>
                        <tr>
                           <td>special</td>
                           <td><div class="survey-legend"></div></td>
                        </tr>
                    </tbody>
                </table>
              </div>
            </div>
          </div>     
        </div>
      </div>
    </div>
  </div>
  
  <!-- Not touching this with a 20000 ft pole -->
  <div id="footer"></div>
        <div id="fb-root" class=" fb_reset">
            <div
                style="position: absolute; top: -10000px; height: 0px; width: 0px;"></div>
        </div>
        <script src="./activities_files/all.js"></script>

        <script type="text/javascript">
  FB.init({
    appId: '233999643296575', 
    status: true, 
    cookie: true, 
    xfbml: true
  });
  
  // Normally, we would wrap this in an anonymous function, but we want it to be available for later.
  // Get the spreadsheet we need.
  var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
  var refreshInterval = 0; // don't refresh this spreadsheet.

  // Load the visualization API and the spreadsheet, then call displayRank.
  var loader = new org.wattdepot.gdata.GDataLoader(displayRank, energyLastThirtyDays, refreshInterval);  

  function displayRank(energyDataTable) {
    // The source for which we want to find the rank must be specified by Makahiki.
    var source = 'Ilima-E';
    var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();
    
    // Get the usage for the current round and overall.
    
      // console.log('Overall start: 87, end: 67');
      var usage = energyRank.processDataTable(energyDataTable, 87, 67);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
      energyRank.draw("overall-energy-rank", "overall-energy-value", info);
      
      
      
    
      // console.log('Round 2 start: 80, end: 74');
      var usage = energyRank.processDataTable(energyDataTable, 80, 74);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
      // console.log('Round 1 start: 87, end: 81');
      var usage = energyRank.processDataTable(energyDataTable, 87, 81);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
  }
</script>
        <script src="./activities_files/saved_resource"
            type="text/javascript"></script>
        <script src="./activities_files/format+en,default.I.js"
            type="text/javascript"></script>



        <div id="unlock-dialog" title="Locked Activity"
            style="visibility: hidden;">
            <div style="text-align: left">
                <p>
                    <b>This activity is locked.</b>
                </p>
                <p>
                    To unlock this activity, please do the following: <br>
                </p>
                <div id="depends_on"></div>
                <p></p>
                <center>
                    <input type="submit" value="OK"
                        onclick="$(&quot;#unlock-dialog&quot;).dialog(&quot;close&quot;);">
                </center>
            </div>
        </div>

        <!--

<div id="grid-about">
  <div class="notice">
    <img src="/site_media/static//css/default/images/icon-help-sm.png" width="30" align="center">
    <div style="text-align:right; padding-left: 5px; margin-top: -35px;"><a id="grid-hide-about" href="javascript:void(0);">Close</a>
    </div>
    <div class="body" style="margin-left: 60px; margin-top: -5px;">
      Welcome to the Smart Grid Game!<p></p>
      Click on squares to view activities. Numbers represent <br>
      the points earned for completing an activity. Locked <br>
      squares can be unlocked by completing other activities. 
    </div>
  </div>
</div>

-->

        <script type="text/javascript"> 
$( document ).ready( function ()
 {
    var height = 0;
    $("#activity-scoreboard-content").children().each(function(index, value) {
      if ($(value).height() > height) {
        height = $(value).height();
      }
    });

    $("#activity-scoreboard-content").after("<div id='scoreboard-cycle-nav'>").cycle({
        height: "" + height + "px",
        pause: 1,
        timeout: 7000,
        pager: '#scoreboard-cycle-nav'
    });
    
/* TODO. comment out temporary
    
      $("#grid-about").fadeIn();
    

    $("#grid-about").click(function() {
      setCookie("grid-hide-about", "true", 21);
      $("#grid-about").fadeOut();
      return false;
    });
*/
    $("#event-code-submit").click(function() {             
            $.post("/activities/attend_code/", $("#event-code-form").serialize(), function(data) {
                if (data.message) {
                  $("#event-code-errors").html(data.message);
                  $("#event-code-errors").show();
                  if (data.social_email) {
                    $("#social_email").show();
                  }
                }
                else {
                  window.location.replace("/activities/"+data.type+"/"+data.slug+"/");
                }
              });
           
            return false;
    });
          
    $("#social_email input").click(function() {
      this.value = "";
    });

 });


function unlock_dialog(type, slug, depends_on)
{
  el = document.getElementById("unlock-dialog"); 
  el.style.visibility = "visible";
  $("#unlock-dialog").dialog({
    modal: true,
    width: 450,
    closeOnEscape: false,
    position: [400,100],
    open: function(event, ui) {
      log_js_action(type, slug, 'view-lock-open');
    },
    close: function(event, ui) {
      log_js_action(type, slug, 'view-lock-close');
    }
    });
    
  document.getElementById("depends_on").innerHTML = depends_on;
}
</script>








    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-widget-help-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-widget-help-dialog">Help</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="widget-help-dialog" style=""
            class="ui-dialog-content ui-widget-content"></div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-dialog">Send
                Feedback</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-dialog" style=""
            class="ui-dialog-content ui-widget-content">
            <form id="feedback-form"
                action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                method="post">
                <div style="display: none">
                    <input type="hidden" name="csrfmiddlewaretoken"
                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <p>Having issues? Just want to tell us something?
                    Let us know!</p>
                <input id="id_url" type="hidden" name="url" value="">
                <textarea id="id_question" rows="3" cols="53"
                    name="question"></textarea>
                <br> <input id="feedback-submit" type="submit"
                    value="Send"
                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                    role="button" aria-disabled="true" disabled="">
                <span id="feedback-spinner" style="display: none">
                    Sending <img src="./activities_files/spinner.gif">
                </span>
            </form>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-success">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-success">Thank You!</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-success" style=""
            class="ui-dialog-content ui-widget-content">
            <p style="text-align: left">Your feedback has been sent
                to the administrators. If you asked a question, they
                will email you a response as soon as possible.</p>

            <button>OK</button>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div id="media_floatingBar"
        style="position: absolute; left: 877px; top: 14px;">
        <a id="001" title="View Original Image"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png);"></a><a
            id="002" title="Magnifier"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);"></a>
    </div>


    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
	$.fn.cycle.defaults.timeout = 6000;
	$(function() {
		$('#user-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});

	$(function() {
		$('#team-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#round-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#single-cycle').cycle({
			fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1,
			height : 55
		});
	});
	</script>

</body>
</html>